<template>
	<view class="content">
		<u-table>
			<u-tr>
				<template v-for="(item,index) in tableTHDataList">
					<u-th style="height: 75rpx;font-size: 35rpx;">{{item.title}}</u-th>
				</template>
			</u-tr>
			<u-tr>
				<u-td>浙江大学</u-td>
				<u-td>二年级</u-td>
				<u-td>22</u-td>
			</u-tr>
		</u-table>
	</view>
</template>

<script>
	export default {
		name: "my-table",
		props: {
			thDataList: {
				type: Array,
				required: true,
				validator(value) {
					return value.length === 3;
				}
			}
		},
		data() {
			return {
				tableTHDataList: this.thDataList,
			};
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		margin: 10rpx;
	}
</style>
